#Detail{
    .slick-next{
        right:0px;
    }
    .slick-dots{
        bottom:5px;
    }
    .slick-slider {
        margin-bottom: 5px;
    }
    .face img{
        height:15.92rem;
    }
    .product-detail{
        padding:0.52rem 0.45rem;
        background: white;
        .name{
            font-size:0.62rem;
            color:#000;
            display: block;
        }
        .desc{
            font-size:0.51rem;
            color:#999;
            display: block;
             line-height:0.77rem;
            margin-top:0.38rem;
        }
        .price{
            display: block;
            margin-top:0.45rem;
            font-size:0.82rem;
            position:relative;
            color:#f7831b;
            span:nth-child(1){
                color:#f7831b;
                margin-right:4px;
            }
            span:nth-child(2){
                margin-left:4px;
                color:#f7831b;
                i{
                    width:0.41rem;
                    height:0.41rem;
                    display: inline-block;
                    background: url(../../img/money-icon.png)no-repeat;
                    background-size:100% 100%;
                    vertical-align: middle;
                    margin-right:3px;
                }
            }
            span:nth-child(3){
                position: absolute;
                color:#000;
                right:0px;
                top:5px;
                font-size:0.51rem;
            }

        }
        .total{
            display: block;
            color:#999;
            margin-top:0.42rem;
            position: relative;
            font-size:0.51rem;
            span:nth-child(2){
                margin-left:0.875rem;
            }
            span:nth-child(3){
                position: absolute;
                top:0px;
                right:0px;
            }
        }
    }
    .product-info{
        background: white;
        width:100%;
        .info-wrapper{
        display: flex;
        align-items: center;
        margin:0 auto;
        width:15.25rem;
        height:1.62rem;
        font-size:0.51rem;
        border-top:1px solid #c1c1c1;
        div:nth-child(1){
            width:50%;
            text-align: left;
        }
        div:nth-child(2){
            width:50%;
            text-align:right;
        }
        }
    }
    .product-btn{
        margin-top:0.38rem;
        width:100%;
        height:2.63rem;
        position: fixed;
        bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        a{
            display: block;
            margin:0 auto;
            width:12.9rem;
            height:1.56rem;
            font-size:0.62rem;
            color:#000;
            line-height:1.56rem;
            text-align: center;
            background: url(../../img/btn-large.jpg)no-repeat;
            background-size:100% 100%;
        }
    }
    .modal{
        .back{
            position: absolute;
            height:100%;
            width:100%;
            top:0px;
            left:0px;
            background: rgba(0,0,0,0.5);
        }
        .dialog-content{
            width:12.56rem;
            position: absolute;
            left:50%;
            margin-left:-6.28rem;
            top:50%;
            margin-top:-8.19rem;
            background: #fff;
            border-radius:5px;
            .info{
                width:100%;
                height:5.10rem;
                border-top-left-radius: 5px;
                border-top-right-radius:5px;
                background:#ffd600;
                position: relative;
                img{
                    width:2.57rem;
                    height:2.57rem;
                    position: absolute;
                    left:50%;
                    margin-left:-1.285rem;
                    border-radius:1.285rem;
                    top:-0.93rem;
                    border:3px solid #ffd600;
                }
                p:nth-child(2){
                    text-align: center;
                    padding-top:2.12rem;
                    font-size:0.77rem;
                }
                p:nth-child(3){
                    text-align: center;
                    margin-top:0.42rem;
                    font-size:0.62rem;
                }
            }
            .btn-group{
                width:100%;
                height:3.32rem;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size:0.62rem;
                a{
                    width:5.41rem;
                    height:1.62rem;
                    display: block;
                    background: url(../../img/banner-btn.png)no-repeat;
                    background-size:100% 100%;
                    text-align: center;
                    line-height:1.62rem;
                }
                a:nth-child(1){
                    margin-right:0.42rem;
                }
                a:nth-child(2){
                    margin-left:0.42rem;
                }
                .disabled{
                    color:white;
                     -webkit-filter: grayscale(100%);
                    -o-filter: grayscale(100%);
                    -moz-filter: grayscale(100%);
                    -ms-filter: grayscale(100%);
                    filter: grayscale(100%);
                    filter: gray;
                }

            }



        }
    }
}


#Info{
    img{
        width:100%;
        vertical-align: top;
    }
}